// 创建时间：2025-06-30
import React from 'react';
import MainLayout from '../layouts/MainLayout';
import { Button, Typography, Row, Col, Card } from 'antd';
import { Link } from 'react-router-dom';

const { Title, Paragraph } = Typography;

const HomePage = () => (
  <MainLayout>
    <Row justify="center" align="middle" style={{ minHeight: '80vh', background: 'linear-gradient(135deg, #e0e7ff 0%, #fff 100%)' }}>
      <Col span={12}>
        <Card bordered={false} style={{ textAlign: 'center', boxShadow: '0 4px 24px #eee', borderRadius: 16 }}>
          <Title level={1} style={{ fontWeight: 700, color: '#1890ff', marginBottom: 16 }}>综合学习平台</Title>
          <Paragraph style={{ fontSize: 18, margin: '24px 0' }}>
            AI驱动的多端学习与资料管理，助你高效成长。
          </Paragraph>
          <Link to="/auth/login">
            <Button type="primary" size="large" style={{ marginRight: 16 }}>登录</Button>
          </Link>
          <Link to="/auth/register">
            <Button size="large">注册</Button>
          </Link>
        </Card>
      </Col>
    </Row>
  </MainLayout>
);

export default HomePage;
